<div class="panel-container" style="">
    <row class="app-layoutpanel" style="height:100%;">
                
        <i-col v-show="detailsModel.indextype.visible"  :md="{ span: 3, offset: 0 }" :lg="{ span: 3, offset: 0 }" style="" class="app-layoutpanel-field">
            <div class="item-field">
            
            <div class="item-field-content">
            
        <app-span :value="data.indextype" name="indextype" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  tag='IndexType' codelistType='STATIC'   style=""
        > </app-span> 
        
            </div>
        </div>
        
        
        </i-col>
                
        <i-col v-show="detailsModel.indexid.visible"  :md="{ span: 3, offset: 0 }" :lg="{ span: 3, offset: 0 }" style="" class="app-layoutpanel-field">
            <div class="item-field">
            
            <div class="item-field-content">
            
        <app-span :value="data.indexid" name="indexid" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
        > </app-span> 
        
            </div>
        </div>
        
        
        </i-col>
                
        <i-col v-show="detailsModel.indexname.visible"  :md="{ span: 24, offset: 0 }" :lg="{ span: 18, offset: 0 }" style="" class="app-layoutpanel-field">
            <div class="item-field">
            
            <div class="item-field-content">
            
        <app-span :value="data.indexname" name="indexname" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
        > </app-span> 
        
            </div>
        </div>
        
        
        </i-col>
    </row>
</div>
